@charset "UTF-8";
/* 初始化*/
* { margin: 0; padding: 0; }

body { font: 0.32rem Helvetica Regular, Microsoft YaHei, sans-serif, Tahoma; color: #333; background: #fff; font-size: 0.32rem !important; }

input { outline: none; }

em, i { font-style: normal; }

ul, ol { list-style: none; }

a, input, button { -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

a { text-decoration: none; color: #333; font-family: STHeiti,'Microsoft YaHei',Helvetica,Arial,sans-serif; outline: 0; }

a:hover { text-decoration: none; }

img { border: none; width: 100%; height: auto; width: auto\9; -ms-interpolation-mode: bicubic; }

.clear:before, .clear:after { content: ''; display: block; clear: both; }

.gray { -webkit-filter: grayscale(100%); -moz-filter: grayscale(1); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); -webkit-filter: gray; filter: gray; }

.hide { display: none; }

table { border-spacing: 0; border-collapse: collapse; }

.icon { background: url("../images/icon.png") no-repeat center; background-size: 4.3867rem auto; }

.icon.icohome { background-position: -1.6rem 0; }

.icon.icoxitong { background-position: -2.7733rem 0; }

.icon.icoapp { background-position: -3.4667rem 0; }

.icon.iconews { background-position: -2.1733rem 0; }

.icon.ico_xt_guide { height: 1.7333rem; width: 4.3867rem; background-position: 0 -2.2133rem; }

.icon.ico_xt_iequipment { height: 1.7333rem; width: 4.3867rem; background-position: 0 -5.92rem; }

.icon.ico_xt_install { height: 1.7333rem; width: 4.3867rem; background-position: 0 -7.7467rem; }

.icon.ico_xt_upgradation { height: 1.7333rem; width: 4.3867rem; background-position: 0 -4.08rem; }

.header-wrap { position: relative; z-index: 3; }

.header-wrap .header-top { height: 1.3867rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 .4rem; padding-top: .2667rem; }

.header-wrap .header-top .logo { display: block; text-align: center; color: #fff; font-size: 0.4rem; }

.header-wrap .header-top .logo img { width: auto; height: 1.3867rem; display: block; }

.header-wrap .header-top .flex1 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; }

.header-wrap .header-top .num { margin-left: .2667rem; height: 0.4267rem; width: 0.48rem; background-position: 0 -1.36rem; position: relative; }

.header-wrap .header-top .num nav { position: absolute; top: 0.7rem; right: 0px; display: none; }

.header-wrap .header-top .num nav::before { position: absolute; right: 0.4rem; top: -.18rem; border-left: .15rem solid transparent; border-right: .15rem solid transparent; border-bottom: .2rem solid #fff; content: ''; }

.header-wrap .header-top .num nav ul { -webkit-box-shadow: 0px 0.0267rem 0.2667rem 0px rgba(137, 137, 137, 0.25); box-shadow: 0px 0.0267rem 0.2667rem 0px rgba(137, 137, 137, 0.25); padding: 0 .4rem; border-radius: .2667rem; background: #fff; }

.header-wrap .header-top .num nav ul li { height: 1.04rem; line-height: 1.04rem; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; border-bottom: 1px solid #F1F1F1; min-width: 1.4667rem; text-align: left; font-size: .3467rem; }

.header-wrap .header-top .num nav ul li:last-child { border: none; }

.header-wrap .header-top .num nav ul li i { width: .4267rem; height: .4267rem; display: inline-block; vertical-align: middle; margin-right: 0.16rem; margin-top: -0.0367rem; }

.header-wrap .header-top .num nav ul li a { display: block; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; max-width: 4rem; }

.header-wrap .header-top .num nav ul li a:active { color: #358FF0; }

.header-wrap .header-top .num nav ul li.on a { color: #358FF0; }

.header-wrap .header-top .num.active { background-position: 0 -0.6667rem; }

.header-wrap .header-top .num.active nav { display: block; -webkit-animation: fadIn .2s linear forwards; animation: fadIn .2s linear forwards; }

footer .logo { height: 1.0667rem; padding: .4rem 0; margin: 0 auto; border-top: 1px solid #F1F1F1; }

footer .logo img { display: block; height: 100%; width: auto; margin: 0 auto; }

.fotter { background: #3F3F3F; color: #C3C3C3; text-align: center; line-height: .5067rem; padding: .32rem 0.6rem; font-size: .3rem; }

.fotter a { color: #C3C3C3; }

.content { min-height: calc(100vh - 4.7rem); }

.content .img { position: relative; overflow: hidden; }

.content .img img { width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; }

.content .downbtn { display: -webkit-box; display: -ms-flexbox; display: flex; min-width: 1.0667rem; text-align: center; padding: 0 .1333rem; height: .6rem; line-height: 0.6rem; color: #fff; border-radius: .1067rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #358FF0; }

.noscroll { overflow: hidden; height: calc(100vh - 4.85rem); }

.Minbox { padding: 0 .4rem; border-bottom: 0.16rem solid #F4F4F4; }

.Minbox .title { padding-left: 0; padding-right: 0; padding-top: .32rem; }

.Minbox:last-child { border: none; }

.title { padding: 0 .4rem; height: .8rem; line-height: .8rem; }

.title .bt { float: left; font-size: .4267rem; font-weight: bold; }

.title .bt2 { float: left; font-size: .4267rem; font-weight: bold; position: relative; font-size: 0.4267rem; padding-left: .2rem; }

.title .bt2::before { width: .48rem; height: .48rem; background: #358FF0; opacity: 0.3; content: ''; display: block; border-radius: 50%; position: absolute; bottom: .2rem; left: 0px; z-index: 0; }

.title .bt2 span { position: relative; z-index: 1; }

.title .more { float: right; font-size: .2933rem; color: #999; }

.title .more .icon { display: inline-block; vertical-align: middle; margin: -0.0267rem 0 0 .1rem; height: 0.1733rem; width: 0.0933rem; background-position: 0 0; top: 100%; }

.swiper-tab { padding: .2667rem 0; border-bottom: 1px solid #F1F1F1; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; }

.swiper-tab .more { float: right; font-size: .2933rem; color: #999; height: .7467rem; line-height: .7467rem; margin-left: .1333rem; }

.swiper-tab .more .icon { display: inline-block; vertical-align: middle; margin: -0.0267rem 0 0 .1rem; height: 0.1733rem; width: 0.0933rem; background-position: 0 0; }

.swiper-tab .screen { float: right; font-size: .2933rem; color: #999; height: .7467rem; line-height: .7467rem; margin-left: .1333rem; }

.swiper-tab .screen .icon { display: inline-block; vertical-align: middle; height: 0.3733rem; width: 0.3733rem; background-position: -1.0133rem 0; margin: -0.05rem .1067rem 0 0; }

.swiper-tab .screen.on { color: #358FF0; }

.swiper-tab .screen.on .icon { background-position: -0.5333rem 0; }

.swiper-tab .swiper { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; }

.swiper-tab .swiper-slide { width: auto; margin-right: .24rem; height: .7467rem; line-height: .7467rem; background: #F8F8F8; border-radius: .1333rem; width: 2.1rem; text-align: center; border: 1px solid #F8F8F8; -webkit-box-sizing: border-box; box-sizing: border-box; }

.swiper-tab .swiper-slide a { display: block; width: 100%; height: 100%; color: #666; }

.swiper-tab .swiper-slide.on { border-color: #358FF0; color: #358FF0; background: #EFF6FE; }

.swiper-tab .swiper-slide.on a { color: #358FF0; }

.layer_screen { position: absolute; background: rgba(0, 0, 0, 0.2); padding-bottom: 1px; z-index: 10; top: 1.3rem; left: 0; width: 100vw; left: -.4rem; display: none; }

.layer_screen .screenbox { background: #fff; padding: 0 .4rem; border-radius: 0 0 .2667rem .2667rem; overflow: hidden; max-height: 50vh; overflow-y: auto; }

.layer_screen .screenbox .lis { border-bottom: 1px dashed #F1F1F1; }

.layer_screen .screenbox .lis:last-child { border: none; }

.layer_screen .screenbox .lis .title { position: relative; }

.layer_screen .screenbox .lis .title::before { width: .48rem; height: .48rem; background: #358FF0; opacity: 0.3; content: ''; display: block; border-radius: 50%; position: absolute; bottom: .2rem; left: 0px; }

.layer_screen .screenbox .lis .title .bt { position: relative; z-index: 1; padding-left: .2133rem; }

.layer_screen .screenbox .lis .p { width: 105%; padding: .2rem 0 .2rem 0; }

.layer_screen .screenbox .lis .p a { display: block; background: #F6F6F6; border-radius: 1.3333rem; height: .8rem; line-height: .8rem; float: left; width: 2.8533rem; text-align: center; margin: 0 .32rem .4rem 0; }

.layer_screen .screenbox .lis .p a.on, .layer_screen .screenbox .lis .p a:active { background: #358FF0; color: #fff; }

/*首页轮播*/
.swiper_lunbox { padding-left: .4rem; padding-bottom: .15rem; padding-top: .16rem; }

.swiper_lunbox .swiper { padding-right: .2rem; border-radius: .2667rem 0 0 .2667rem; }

.swiper_lunbox .swiper .swiper-slide .box { display: block; background: #FBFBFB; margin-right: .2133rem; }

.swiper_lunbox .swiper .swiper-slide .box > .img { width: 100%; height: 4.9333rem; border-radius: .2667rem; overflow: hidden; display: block; }

.swiper_lunbox .swiper .swiper-slide .box .item { border-radius: 0 0 .2667rem .2667rem; border: 1px solid #F1F1F1; padding: .7467rem .2667rem .2667rem .2667rem; margin-top: -0.48rem; display: -webkit-box; display: -ms-flexbox; display: flex; height: 1.0667rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.swiper_lunbox .swiper .swiper-slide .box .item .img { width: 1.0667rem; display: block; height: 1.0667rem; border-radius: .2667rem; margin-right: .2133rem; }

.swiper_lunbox .swiper .swiper-slide .box .item .infor { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; padding-right: .2133rem; height: 1.0667rem; }

.swiper_lunbox .swiper .swiper-slide .box .item .infor .name { font-size: .3467rem; height: .5867rem; line-height: .5867rem; display: block; overflow: hidden; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.swiper_lunbox .swiper .swiper-slide .box .item .infor p { height: .3467rem; line-height: .3467rem; font-size: .2667rem; color: #999; padding-top: .0667rem; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.swiper_lunbox .swiper .swiper-slide .box .item .btn { width: 1.84rem; height: .6933rem; background: #358FF0; line-height: .6933rem; color: #fff; text-align: center; font-size: .2933rem; border-radius: .1333rem; display: block; }

.swiper_lunbox .swiper .swiper-slide .box .item .bt { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; line-height: 0.56rem; display: -webkit-box; overflow: hidden; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: .3467rem; }

.swiper_lunbox .swiper .swiper-pagination { bottom: 1.8rem; }

.swiper_lunbox .swiper .swiper-pagination .swiper-pagination-bullet { background: #000; border-radius: 50%; width: .2rem; height: .2rem; opacity: 0.3; border-radius: 50%; margin: 0 0.1rem; }

.swiper_lunbox .swiper .swiper-pagination .swiper-pagination-bullet-active { background: #358FF0; opacity: 1; }

/*分类*/
.classification { padding: 0 .2rem; }

.classification .swiper { height: 4.1333rem; }

.classification .swiper-slide { height: 1.7333rem; padding-top: .32rem; }

.classification .box { display: block; width: 4.3867rem; margin: 0 auto; }

.classification .box i { display: block; margin: 0 auto; }

.Minbox .swiperMin1 { width: calc(100% + 0.4rem); }

.swiperMin1 { padding: .32rem 0 .2133rem; }

.swiperMin1.grid .swiper { height: 3.9rem; }

.swiperMin1 .swiper-slide { width: auto; margin-bottom: .32rem; height: 1.6267rem; width: 2.8533rem; }

.swiperMin1 .box { height: 1.6267rem; width: 2.8533rem; border: 1px solid #F1F1F1; border-radius: .2133rem; background: #F8F8F8; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: center; }

.swiperMin1 .box:active { background: #358FF0; border-color: #358FF0; color: #fff; }

.swiperMin1 .box:active u { color: #fff; }

.swiperMin1 .box p span { display: block; font-size: .3467rem; font-weight: bold; width: 100%; height: .44rem; line-height: .44rem; overflow: hidden; }

.swiperMin1 .box p u { display: block; text-decoration: none; color: #999999; font-size: .2933rem; width: 100%; overflow: hidden; height: .4rem; line-height: .4rem; padding-top: .1333rem; }

/*最新文章*/
.Min_news { padding-top: .32rem; padding-bottom: .2133rem; }

.Min_news ul li .box { display: block; margin-bottom: .32rem; padding: .2667rem .4rem; background: #F6F7FA; border-radius: .2133rem; border: 1px solid #F1F1F1; }

.Min_news ul li .box p { text-align: justify; line-height: 0.56rem; display: -webkit-box; overflow: hidden; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.Min_news ul li .box .bq { height: .56rem; line-height: .56rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: .2667rem; }

.Min_news ul li .box .bq .flex1 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; height: 100%; }

.Min_news ul li .box .bq .flex1 .tab { height: .56rem; float: left; color: #FF825F; background: #FFF3EF; border-radius: 0.1334rem; padding: 0 .24rem; font-size: .2667rem; margin-right: .32rem; }

.Min_news ul li .box .bq span { padding-top: 0px; height: .56rem; line-height: .56rem; }

.Min_news ul li .box span { padding-top: .2667rem; height: .3467rem; line-height: .3467rem; font-size: .2933rem; color: #999; display: block; text-align: right; }

.Min_news + .pagelink { padding-top: 0px; }

.Min_news .theme li .box { background: #F8F8F8; }

/*最新应用*/
.Minbox .Min_app { width: calc(100% + 0.4rem); }

.Minbox .Min_app + .title { padding-top: 0rem; }

.Min_app li, .Min_app .swiper-slide { padding: .32rem 0; }

.Min_app .box { display: block; width: 1.4667rem; text-align: center; }

.Min_app .box .img { width: 1.4667rem; height: 1.4667rem; display: block; margin: 0 auto; border-radius: .3467rem; }

.Min_app .box p { height: .4267rem; line-height: .4267rem; overflow: hidden; padding-top: .1867rem; font-size: .32rem; }

.Min_app .box .btn { height: .6933rem; line-height: .6933rem; display: block; margin-top: .2133rem; background: #EFF6FE; border-radius: .1333rem; color: #358FF0; border: 1px solid #358FF0; text-align: center; font-size: .2933rem; }

.Min_app.grid .swiper { height: 7.4rem; }

.Min_app.grid .swiper-slide { height: 2.9867rem; width: auto; width: 1.4667rem; }

.Min_app.auto { padding-bottom: .2rem; }

.Min_game { padding-top: .32rem; }

.Min_game ul li:nth-child(-n+3) .num { text-indent: 100em; background: url("../images/icon.png") no-repeat center; background-size: 4.3867rem auto; }

.Min_game ul li:nth-of-type(1) .box .num { background-position: -0.72rem -0.7867rem; }

.Min_game ul li:nth-of-type(2) .box .num { background-position: -1.4rem -0.8rem; }

.Min_game ul li:nth-of-type(3) .box .num { background-position: -2.0933rem -0.8rem; }

.Min_game ul li:last-child .box .infor { border: none; }

.Min_game ul li .box { display: -webkit-box; display: -ms-flexbox; display: flex; padding-bottom: .2667rem; }

.Min_game ul li .box .num { color: #BBBBBB; font-size: .4rem; width: .48rem; text-align: center; overflow: hidden; font-weight: bold; margin-right: .32rem; height: .8267rem; line-height: .8267rem; margin-top: .32rem; }

.Min_game ul li .box .img { width: 1.4667rem; height: 1.4667rem; border-radius: .3467rem; margin-right: .2667rem; }

.Min_game ul li .box .infor { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; border-bottom: 1px solid #F1F1F1; position: relative; padding-bottom: .4667rem; }

.Min_game ul li .box .infor .name { font-size: .3733rem; height: .5067rem; line-height: .5067rem; padding-top: .1733rem; overflow: hidden; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; max-width: 72%; }

.Min_game ul li .box .infor p { font-size: .2933rem; height: .4rem; line-height: .4rem; overflow: hidden; padding-top: .24rem; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; color: #999; max-width: 72%; }

.Min_game ul li .box .infor .btn { position: absolute; right: 0px; top: .3067rem; height: 0.6933rem; line-height: .6933rem; display: block; width: 1.7333rem; margin-top: 0.2133rem; background: #EFF6FE; border-radius: 0.1333rem; color: #358FF0; border: 1px solid #358FF0; text-align: center; font-size: .2933rem; }

.Min_game + .pagelink { padding-top: 0px; }

/* 分页*/
.pagelink { background: #fff; padding: .5333rem 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }


.pagelink a { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; text-align: center; background: #F2F2F2; border-radius: .1333rem; height: .8267rem; line-height: .8267rem; display: block; color: #888; }

.pagelink a:active { color: #fff; background: #358FF0; }

.pagelink a:first-child { margin-right: .4rem; }

.pagelink a.on { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 5.5067rem; color: #fff; background: #358FF0; }

.pagelink ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; flex: 1;}

.pagelink ul li{ -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; text-align: center; background: #F2F2F2; border-radius: .1333rem; height: .8267rem; line-height: .8267rem; display: block; color: #888; }

.pagelink ul li a{display: block; background: none;}

.pagelink ul li:active{ color: #fff; background: #358FF0; }

.pagelink ul li:active a{ color: #fff;}

.pagelink ul li:first-child { margin-right: .4rem; }

.pagelink ul li.on {   color: #fff; background: #358FF0; }

.pagelink ul li.on a{  color: #fff; }

.Mintab { overflow: hidden; padding-bottom: .5333rem; }

.Mintab .lis { width: 105%; }

.Mintab .tab { float: left; border-radius: .1333rem; height: .9067rem; line-height: .9067rem; text-align: center; display: block; background: #F8F8F8; margin: .32rem .32rem 0 0; width: 2.8533rem; text-align: center; overflow: hidden; }

.Mintab .more { float: none; width: 100%; margin: .4267rem 0 0 0; font-size: .2933rem; color: #888; }

.details_html { font-size: .3467rem; line-height: .6933rem; word-break: break-all; padding: .2667rem 0; }

.details_html img { max-width: 100%; }

.details_html h3 { line-height: .6rem; height: .6rem; overflow: hidden; position: relative; font-size: .3467rem; padding-bottom: .1rem; }

.details_html p { padding-bottom: .2rem; }

.details_html p > img { max-width: 100%; margin: 0 auto; display: block; border-radius: .1333rem; }

.details_warp { padding: 0.3rem 0; }

.details_warp .details_html { padding: 0; }

.details_warp .title { padding-top: 0.1rem; padding-bottom: 0.1rem; }

.xitong_msg { border-radius: .2667rem; background: #F7FAFE; border: 1px solid #D7E9FC; padding: .2rem .4rem; margin: .1333rem 0; }

.xitong_msg h3 { line-height: .8rem; height: .8rem; overflow: hidden; position: relative; font-size: 0.4267rem; border-bottom: 1px solid #F1F1F1; padding-bottom: .1333rem; color: #358FF0; padding-left: 0px; }

.xitong_msg h3::before { display: none; }

.xitong_msg .p { padding-top: 0.2rem; }

.xitong_msg .p p { float: left; width: 33%; height: .6rem; overflow: hidden; }

.xitong_msg p { font-size: .2933rem; line-height: .6rem; padding-bottom: 0px; color: #555; }

.swiperimgbox .swiper { padding: .1334rem 0 0 0; width: calc(100% + .4rem); }

.swiperimgbox .swiper .img { border-radius: .1333rem; overflow: hidden; display: block; }

.cuber { font-size: .2667rem; line-height: .5333rem; overflow: hidden; color: #aaa; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; padding-bottom: .1333rem; }

.cuber a { color: #aaa; }

.cuber a:active { color: #358FF0; }

.cuber span { font-family: serif; }

.downtop .item { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; height: 2rem; padding-bottom: .4267rem; }

.downtop .item .img { width: 2rem; height: 2rem; display: block; border-radius: .32rem; }

.downtop .item .infor { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; padding-left: .4267rem; }

.downtop .item .infor .name { height: .56rem; font-size: .48rem; line-height: .56rem; font-weight: bold; padding-top: .0933rem; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.downtop .item .infor p { height: .4rem; line-height: .4rem; padding-top: .1333rem; color: #999; font-size: .2933rem; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.downtop .item .infor .tab_p { overflow: hidden; height: .5067rem; width: 100%; padding-top: .2133rem; }

.downtop .item .infor .tab_p .tab { float: left; height: .5067rem; line-height: .5067rem; overflow: hidden; padding: 0 .16rem; font-size: .24rem; color: #FF825F; background: #FFF3EF; border-radius: 0.1067rem; margin-right: .2667rem; }

.downtop .item .infor .tab_p .tab:last-child { margin-right: 0px; }

.downtop .downbox { overflow: hidden; margin-bottom: .32rem; }

.downtop .downbox .down { display: block; height: .9067rem; line-height: .9067rem; border: 1px solid #358FF0; color: #358FF0; text-align: center; font-size: .32rem; border-radius: .1333rem; -webkit-box-sizing: border-box; box-sizing: border-box; background: #EFF6FE; }

.downtop .downbox .down.quick { background: #358FF0; color: #fff; }

.downtop .downbox .down.none { background: #EFEFEF; border-color: #EFEFEF; color: #888888; margin-bottom: .1334rem; }

.downtop .checkbox { height: .4rem; line-height: .4rem; color: #999; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; font-size: .24rem; padding-bottom: .3rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.downtop .checkbox span { width: .2133rem; height: .2133rem; border: 1px solid #999; border-radius: .04rem; margin-right: .1333rem; position: relative; }

.downtop .checkbox p { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; }

.downtop .checkbox.checked span { background: #358FF0; border-color: #358FF0; }

.downtop .checkbox.checked span i { display: block; height: 0.1067rem; width: 0.1467rem; background-position: -0.2267rem 0; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.newsinfortop { padding-top: .2133rem; border-top: 1px solid #F1F1F1; }

.newsinfortop .h1 { font-size: .48rem; line-height: .72rem; }

.newsinfortop p { height: .3467rem; line-height: .3467rem; font-size: .2667rem; color: #999; padding-top: .2133rem; }

.details_html + .tablis { margin-top: -0.2rem; padding-bottom: .4rem; }

.tablis { overflow: hidden; width: 100%; padding-bottom: .3rem; }

.tablis .tab { float: left; height: .6133rem; line-height: .6133rem; overflow: hidden; padding: 0 .16rem; font-size: .2667rem; color: #FF825F; background: #FFF3EF; border-radius: 0.1334rem; margin-right: .32rem; }

.tablis .tab:last-child { margin-right: 0px; }

.warp404 { padding: 2rem 1.1867rem; }

.warp404 img { width: 100%; display: block; margin: 0 auto; }

.warp404 p { color: #666666; line-height: .44rem; font-size: .3733rem; text-align: center; padding: .68rem 0; }

.warp404 .btn { width: 6.3733rem; height: .8rem; line-height: .8rem; border-radius: .8rem; margin: .2667rem auto; background: #358FF0; display: -webkit-box; display: -ms-flexbox; display: flex; color: #fff; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.QZ-up { display: none; position: fixed; right: 0.2rem; bottom: 1rem; z-index: 1000; height: 1.2533rem; width: 1.2533rem; background-position: -2.8133rem -0.76rem; }

@-webkit-keyframes fadIn { 0% { display: block;
    opacity: 0.8;
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px); }
  100% { display: block;
    opacity: 1;
    -webkit-transform: translateY(5px);
    transform: translateY(5px); } }

@keyframes fadIn { 0% { display: block;
    opacity: 0.8;
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px); }
  100% { display: block;
    opacity: 1;
    -webkit-transform: translateY(5px);
    transform: translateY(5px); } }

@-webkit-keyframes fadout { 0% { display: block;
    opacity: 1;
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px); }
  100% { display: none;
    opacity: 0;
    -webkit-transform: translateY(0px);
    transform: translateY(0px); } }

@keyframes fadout { 0% { display: block;
    opacity: 1;
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px); }
  100% { display: none;
    opacity: 0;
    -webkit-transform: translateY(0px);
    transform: translateY(0px); } }
